<!--
 * @Description: 
 * @Author: mmzhang
 * @Date: 2022-12-26 10:25:21
 * @LastEditTime: 2022-12-26 13:39:45
-->
<template>
  <dt-modal-info ref='info' title='账号动态' :label-width='180' :width='1000'>
    <div style="color:#ff9900">使用人：{{info&&info.userName||'-'}}</div>
    <div class="allUserBox">

      <div class="useBox" v-for="(item,index) in privacyPhoneList" :key='index'>
        <p>时间：{{item.createTime}}</p>
        <p>{{item.log}}</p>
        <p v-if="item.privateType=='COERCEEND'">结束原因：{{item.endReason}}</p>
      </div>
    </div>
  </dt-modal-info>
</template>

<script>
  import receiverMgr from '@/biz/receiver/receiver'
  export default {
    data() {
      return {
        info: null,
        privacyPhoneList: []
      }
    },
    methods: {
      show(info) {
        this.$refs.info.show()
        this.info = info
        console.log(this.info, '00000');

        let params = {
          userId: this.info.userId
        }
        receiverMgr.getPrivacyNumberPackageLogList(params).then((res) => {
          this.privacyPhoneList = res
        })


      }
    }
  }
</script>

<style lang="scss" scoped>
  .allUserBox {
    max-height: 500px;
    overflow-y: auto;
  }

  .useBox {
    margin-top: 15px;

    p {
      line-height: 1.8;
      display: flex;
      flex-direction: row;
      justify-content: space-between;


    }
  }
</style>